<!doctype html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta content="搜索关键词" name="keywords" />
    <meta content="网站介绍" name="description" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
    <title>资讯详情 - GOLF葡萄酒官网</title>
    <link rel="stylesheet" href="/assets/modular/web/css/base.css" />
    <link rel="stylesheet" href="/assets/common/libs/layui/css/layui.css"/>
    <script type="text/javascript" src="/assets/common/libs/jquery/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="/assets/modular/web/js/vue.min.js"></script>
    <style type="text/css">
        .w-nav-box .w-nav-conn ul li:nth-child(3) a{ background-color: #c40000; color:#fff;}
    </style>
</head>
    <body>
    <div id="articleDetail" class="layui-fluid wrapper">
        <!-- 头部：标题和导航列 start -->
        <header>
            <div class="layui-row">
                <div class="w-title-phone-box">
                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6">
                        <div class="title-box">
                            <h1>
                                <a href="/" id="backToTop" v-text="infoSet.topName"></a>
                                <i v-if="infoSet.id == '' || infoSet.id == null" class="layui-icon layui-icon-loading layui-icon layui-anim layui-anim-rotate layui-anim-loop" style="font-size: 26px;"></i>
                            </h1>
                        </div>
                    </div>
                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6">
                        <div class="phone-box">
                            <p><img src="/assets/modular/web/images/phone.png">{{infoSet.topPhone}}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
                    <div class="w-nav-box">
                        <nav class="w-nav-conn">
                            <ul>
                                <li><a href="/">首页</a></li>
                                <li><a href="/web/brank/">品牌理念</a></li>
                                <li><a href="/web/enterInfo/">企业资讯</a></li>
                                <li><a href="/web/merToJoin/">招商加盟</a></li>
                                <li><a href="/web/aboutMe/">关于我们</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </header>
        <!-- 头部：标题和导航列 end -->

        <!-- we-banner-one start -->
        <div class="layui-row">
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
                <div class="we-banner-one">
                    <img v-bind:src="'/hyRedWineFile/images/' + banner.fileName" v-bind:alt="banner.fileName">
                </div>
            </div>
        </div>
        <!-- we-banner-one end -->

        <!-- wad-banner-two start -->
        <div class="layui-row">
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
                <div class="wad-banner-two">
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
                            <div class="wad-banner-tnav">
                                <h1>新闻详情</h1>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
                            <div class="wad-banner-tinfo">
                                <h1 v-text="enterInfo.title"></h1>
                                <div class="wad-banner-tcontent" v-html="enterInfo.content"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- we-banner-two end -->

        <!-- 页脚 start -->
        <footer>
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
                    <div class="foot-into-tbox">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4 layui-col-lg4">
                            地址：{{infoSet.bmAddress}}
                        </div>
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4 layui-col-lg4">
                            电话：{{infoSet.bmPhone}}
                        </div>
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4 layui-col-lg4">
                            邮箱：{{infoSet.bmEmail}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
                    <div class="foot-into-bbox">
                        <p>
                            {{infoSet.bmBase}} | {{infoSet.bmCompanyName}} | 版权所有
                        </p>
                        <p>
                            技术支持 | {{infoSet.bmDeveName}}
                        </p>
                    </div>
                </div>
            </div>
        </footer>
        <!-- 页脚 end -->

        <!-- 返回顶部 start -->
        <div class="backToTop">
            <a href="#backToTop"><img src="/assets/modular/web/images/backTop.png"></a>
        </div>
        <!-- 返回顶部 end -->

    </div>
    <script type="text/javascript" src="/assets/common/libs/layui/layui.js"></script>
    <script>
        var articleDetail = new Vue({
            el: '#articleDetail',
            data: function () {
                return {
                    enterInfoId: '${enterInfoId}',
                    infoSet: [], //基本信息配置
                    enterInfo: [], //企业资讯
                    banner: [] //banner企业资讯背景图
                }
            },
            created: function () {
                const me = this;
                me.$nextTick(function () {
                    me.getInitData();
                    me.getEnterInfo();
                });
            },
            methods: {
                //初始化基本信息
                getInitData: function(){
                    const me = this;
                    $.ajax({
                        type: 'POST',
                        url: '/web/enterInfo/getInitData',
                        data: {},
                        dataType: 'JSON',
                        success: function(data){
                            me.infoSet = data.infoSet;
                            me.banner = data.banner;

                            me.initBackTop(); //初始化返回顶部按钮
                        },
                        error: function(error){
                            layui.use('layer', function(){
                                var layer = layui.layer;
                                layer.msg(error, {icon:2});
                            });
                        }
                    })
                },

                //获取企业资讯
                getEnterInfo: function(){
                    const me = this;
                    $.ajax({
                        type: 'POST',
                        url: '/web/enterInfo/getEnterInfoById',
                        data: {
                            enterInfoId: me.enterInfoId
                        },
                        dataType: 'JSON',
                        success: function(data){
                            me.enterInfo = data.enterInfo;
                        },
                        error: function(error){
                            layui.use('layer', function(){
                                var layer = layui.layer;
                                layer.msg(error, {icon:2});
                            });
                        }
                    })
                },

                //初始化返回顶部按钮
                initBackTop: function(){
                    $(window).bind("scroll", function () {
                        var sTop = $(window).scrollTop();
                        var sTop = parseInt(sTop);
                        if (sTop >= 50) {
                            $(".backToTop").slideDown();
                        }else {
                            $(".backToTop").slideUp();
                        }
                    });
                }
            }
        });
    </script>
    </body>
</html>